<script type="text/javascript" charset="utf-8">
	/* Global var for counter */
	
	$(document).ready(function() {
		$('#example').dataTable();
	} );
</script>


<!-- /.section, /#navigation -->
<div id="main-wrapper">
  <div class="clearfix with-navigation" id="main">
    <div class="column" id="content">
      <div class="section">
      		<!--{$htmlErrMsg}-->
        <div >
          <ul class="tabs primary clearfix">
            <li >
              <a href="<!--{$smarty.const.HTTP_URL}-->mypage/index.php" >
                <span class="tab">members Management</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="tab">Announcement/even Management</span>
              </a>
            </li>
            <li >
              <a href="<!--{$smarty.const.HTTP_URL}-->conference/index.php" >
                <span class="tab">conference Management</span>
              </a>
            </li>
             <li >
              <a href="<!--{$smarty.const.HTTP_URL}-->elect/elect.php" >
                <span class="tab">elect Management</span>
              </a>
            </li>
            <li class="active">
              <a href="<!--{$smarty.const.HTTP_URL}-->pay/show_payment_details.php" class="active">
                <span class="tab">payment Management</span>
              </a>
            </li>
          </ul>
      </div>
      <h3>Payment List</h3>
      <hr>
      <div id="content-area">
          <form action="<!--{$smarty.const.HTTP_URL}-->pay/show_payment_details.php" method="post" id="user-register" >
	          <input type="hidden" name="mode" id="mode" value="dataExport" />
	          <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
          	<div style="height: 20px" id="container" >
				<input name="joinConference" id="joinConference" value="Data Export" class="form-submit" type="submit" style=" float:right; width:100px; ">
			</div>
            <div>
               		<div style="height: 500px" id="container" >
					<div id="demo">
						<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
							<thead>
								<tr>
									<th>ID</th>
									<th>Type</th>
									<th>Buyer </th>
									<th>GoodsName</th>
									<th>Price</th>
									<th>Quantity</th>
									<th>Amount($)</th>
									<th>Date</th>
								</tr>
							</thead>
							<tbody>
							<!--{section name=cnt loop=$allPaymentInfoArr}-->
								<tr>
									<td><!--{$allPaymentInfoArr[cnt].id|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].goods_type|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].firstname|escape}--> &nbsp;<!--{$allPaymentInfoArr[cnt].lastname|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].goods_name|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].price|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].quantity|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].amount|escape}--></td>
									<td><!--{$allPaymentInfoArr[cnt].update_time|escape}--></td>
								</tr>
							<!--{/section}-->
							</tbody>
						</table>
					</div>
				</div>
            </div>
          </form>
        </div>
      
    </div>
    <!-- /.section, /#content -->
  </div>
</div>
<!-- /#main, /#main-wrapper -->
